#header .nav{
	width: 1350px;
	background-color: rgb(51,51,51);
	font-size: 12px;
	color: #B0B0B0;
	margin: 0 auto;
	text-align: center;
	height: 40px;
	line-height: 40px;
	
}
#header .nav a{
	margin: 5px;
	color: #b0b0b0;
}
#header .nav a:last-child{
	margin-left: 20px;
	background-color: rgb(66,66,66);
	padding: 10px 20px;
}
#header .nav a:nth-of-type(14){
	margin-left: 110px;
	
}
#header .nav a:hover{
	color: rgb(255,255,255);
	
}
#header .nav img{
	width: 20px;
	height: 20px;
	/*margin-top: 10px;*/
	margin-right: 5px;
}
#header .nav a:last-child:hover{
	background-color: rgb(255,255,255);
	color: rgb(255,103,0);
	
}
#header .nav a:hover +.box-over{
	opacity: 1;
}
#header .nav .box-over #angle{
	width: 0px;
	height: 0px;
	margin-left: 50px;
	/*margin-bottom: 10px;*/
	border: 8px solid transparent;
	border-bottom-color:white ;
}
#header .nav .box-over{
	
	text-align: center;
	
	position: absolute;
	top: 24px;
	left: 48%;
	/*opacity: 0;*/
	z-index: 100;
	opacity: 0;
}
#header .nav .over{
	width: 125px;
	height: 125px;
	padding-top: 20px;
	background-color: white;
}
#header .nav .over p{
	line-height: 10px;
}
#header .nav .over img{
	width: 90px;
	height: 90px;
}
#header .site{
	width: 90%;
	margin: 0px auto;
	height: 100px;
	line-height: 100px;
	/*background-color: yellow;*/
}

#header .site img{
	width: 56px;
	/*margin-top: 20px;*/
	padding-top: 20px;
}
#header .site a{
	color:#333333;
	font-size: 16px;
	margin: 0 10px;
}
#header .site a:first-child{
	margin-right: 170px;
}
#header .site a:hover{
	color: rgb(255,103,0);
}
#header .site a:hover +ul{
	/*opacity: 1;*/
	display: block;
}

#header .site ul{
	line-height: 50px;
	z-index: 10;
	width: 100%;
	background-color: white;
	/*height: 200px;*/
	overflow: hidden;
	position: absolute;
	top: 140px;
	left: 0;
	text-align: center;
	/*opacity: 0;*/
	display: none;
	padding-left: 6%;
	border-top: 1px solid #f2f2f2;
}
#header .site ul li{
	
	float: left;
	padding-right:30px;
	padding-top: 20px;
	font-size: 12px;
	padding-left: 0;
}
#header .site ul li a{
	font-size: 12px;
	color: rgb(255,103,0);
}
#header .site ul img{
	width: 160px;
	padding-top: 0;
	border-right: 1px solid #F2F2F2;
}

#header .site ul p{
	line-height: 0px;
	margin: 0;
}
#swiper{
	width: 90%;
	margin: 0 auto;
	background-image: url(../img/1.webp);
	background-repeat: no-repeat;
	position: relative;
	
}
#swiper ul{
	padding: 20px 0;
	width: 255px;
	background-color: rgba(157,157,163,0.7);
	/*height: 455px;*/
	
}
#swiper ul .card{
	width: 960px;
	height: 440px;
	background-color: white;
	position: absolute;
	top: 0;
	left: 255px;
	opacity: 0;
}
#swiper ul li{
	width: 235px;
	height: 40px;
	line-height: 40px;
	padding-left:20px ;
	
}
#swiper ul li span{
	float: right;
	/*margin-left:100px;*/margin-right: 20px;
}

#swiper ul li:hover{
	background-color: rgb(255,103,0);
	
}
#swiper ul li:hover +.card{
	opacity: 1;
}
/*#swiper .card{
	padding: 20px;
}*/
#swiper .card ul{
	float: left;
	background-color: white;
	width: 200px;
	margin-right: 40px;
}
#swiper .card img{
	vertical-align: middle;
}
#swiper .card ul a{
	font-size: 13px;
	margin-left: 20px;
	
}
#swiper .card ul li{
	margin-bottom: 30px;
}
#second{
	width: 90%;
	/*background-color: darkorange;*/
	margin: 20px auto;
	
}
#second ul{
	width: 255px;
	height: 170px;
	background-color: rgb(97,87,80);
	float: left;
}
#second ul img{
	width: 24px;
}
#second ul a{
	font-size: 12px;
	color: #fff;
}
#second ul li{
	float: left;
	width: 70px;
	height: 64px;
	text-align: center;
	padding-top: 10px;
	/*background-color: green;*/
	margin: 5px;
	/*margin-bottom: 10px;*/
}
#second ul li:nth-child(1){
	
	border-right: 1px solid lightgray;
	
	
}
#second ul li:nth-child(4){
	border-top: 1px solid lightgray;
	border-right: 1px solid lightgray;
	/*padding-right: 5px;*/
	
	
}
#second ul li:nth-child(2){
	
	border-right: 1px solid lightgray;
	
}
#second ul li:nth-child(5){
	
	border-right: 1px solid lightgray;
	border-top: 1px solid lightgray;
}
#second ul li:nth-child(6){
	
	border-top: 1px solid lightgray;
}
#second .right{
	
	width: 940px;
	height: 170px;
	float: right;
	/*background-color: green;*/
}
#second .right img{
	width: 300px;
	margin-right: 15px;
	height: 170px;
}
#second .right img:last-child{
	margin-right: 0;
}
#second{
	overflow: hidden;
}
#content{
	width: 100%;
	background-color: rgb(245,245,245);
	/*height: 900px;*/
	padding-bottom: 30px;
}
#content .viedo{
	margin-top: 20px;
	width: 91%;
	/*background-color: orange;*/
	margin: 0 auto;
	/*overflow: hidden;*/
	overflow: hidden;
}
#content .viedo h2{
	height: 50px;
	line-height: 50px;
	font-weight: 200;
	margin: 10px 0;
}
#content .viedo a{
	color: #b0b0b0;
	font-size: 14px;
	margin-left: 1100px;
}
#content .viedo li{
	/*position: relative;*/
	width:296px;
	height: 290px;
	background-color: rgb(255,255,255);
	float: left;
	margin-right: 12px;
	text-align: center;
}
#content .viedo li:last-child{
	margin-right: 0px;
}
#content .viedo img{
	/*position: absolute;*/
	width: 296px;
}
/*#content .viedo .son{
	position: absolute;
	left: 5px;
	bottom: -5px;
}
#content .viedo p{
	position: absolute;
	top: 210px;
}*/
#content .viedo li p{
	margin-top: 30px;
	font-size: 14px;
	font-weight: 400;
	color: #333;
}

#footer{
	width: 100%;
	background-color: rgb(255,255,255);
	/*margin-top: 100px;*/
	/*background-color: red;*/
}
#footer .after-sale{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	height: 80px;
	line-height: 80px;
	border-bottom: 1px solid #e0e0e0;
}
#footer .after-sale img{
	width: 24px;
}
#footer .after-sale a{
	color: #616161;
	text-decoration: none;
	border-right: 1px solid #e0e0e0;
	padding: 0 50px;
}
#footer .after-sale a:hover{
	color: rgb(255,91,0);
}
#footer .sale{
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
	/*background-color: orange;*/
}
#footer .sale ul{
	float: left;
	margin: 50px 100px 0 0;
}
#footer .sale ul:nth-child(6n){
	padding-right: 100px;
	border-right: 1px solid #e0e0e0;
	margin-right: 0;
}
#footer .sale p{
	font-size: 14px;
	color: #424242;
	margin-bottom: 20px;
}
#footer .sale a{
	color: #757575;
	font-size: 12px;
	text-decoration: none;
	margin-bottom: 10px;
}
#footer .sale a:hover{
	color: rgb(255,91,0);
}
#footer .sale .last{
	float: left;
	width: 250px;
	/*margin: 0;*/
	/*background-color: green;*/
	text-align: center;
	margin-top: 0px;
}
#footer .sale .last ul{
	width: 100%;
	text-align: center;
}
#footer .sale .last .code img{
	width: 110px;
}
#footer .sale .last .code{
	margin-left: 100px;
	opacity: 0;
}	
#footer .sale .last .on:hover +.code{
	
	opacity: 1;
}
#footer .sale .last a{
	color: #ff6700;
	font-size: 12px;
	display: inline-block;
	width: 118px;
    height: 28px;
    line-height: 28px;
    border: 1px solid black;
}
#footer .sale .last a:hover{
	background-color: #ff6700;
	color: rgb(255,255,255);
}
#footer .link{
	width: 100%;
	/*margin: 0 auto;*/
	overflow: hidden;
	/*margin: 0 5%;*/
	padding: 30px 5%;
	background-color: rgb(245,245,245);
	/*background-color: red;*/
}
#footer .link img{
	float: left;
	width: 60px;
}
#footer .link .right{
	float: left;
	width: 60%;
	font-size: 12px;
	color: #757575;
	margin-left: 5px;
	
}
#footer .link a{
	color: #757575;
	font-size: 12px;
}
#footer .link a:hover{
	color: rgb(255,91,0);
}
#footer .link img{
	margin-right: 20px;
}
#adver{
	position: fixed;
	top: 250px;
	right: 2%;
	
}
#adver ul li{
	padding: 10px 5px;
	border-bottom: 1px solid #F2F2F2;
	background-color: white;
	position: relative;
}
#adver ul li:last-of-type{
	margin-top: 10px;
}
#adver ul li img{
	width: 20px;
	
}
#adver ul li p{
	background-color: white;
	width: 70px;
	height: 20px;
	position: absolute;
	top: 10px;
	right: 30px;
	opacity: 0;
	
}
#adver ul li:hover p{
	opacity: 1;
}
